<?php
	$config = D('Basic')->select();
?>	
<?php
	$navs = D('Menu')->homebars();
?>
<?php
	$links = D('Links')->linksForHome();
?>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>{$config.title}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="{$config.description}" />
	<meta name="keywords" content="{$config.keywords}" />
	<!--<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet">-->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="/Public/css/home/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="/Public/assets/css/font-awesome.min.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="/Public/css/bootstrap.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="/Public/css/home/flexslider.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="/Public/css/home/owl.carousel.min.css">
	<link rel="stylesheet" href="/Public/css/home/owl.theme.default.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="/Public/css/home/style.css">
	<!-- Modernizr JS -->
	
	
	<!--music-->
	
	<script src="/Public/js/home/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="/Public/js/home/respond.min.js"></script>
	<![endif]-->
	<!--loading-->
	<style type="text/css">
		.sk-double-bounce {
		  width: 40px;
		  height: 40px;
		  position: relative;
		  margin: 40px auto; }
		  .sk-double-bounce .sk-child {
		    width: 100%;
		    height: 100%;
		    border-radius: 50%;
		    background-color: #27E1CE;
		    opacity: 0.6;
		    position: absolute;
		    top: 0;
		    left: 0;
		    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
		            animation: sk-doubleBounce 2s infinite ease-in-out; }
		  .sk-double-bounce .sk-double-bounce2 {
		    -webkit-animation-delay: -1.0s;
		            animation-delay: -1.0s; }
		
		@-webkit-keyframes sk-doubleBounce {
		  0%, 100% {
		    -webkit-transform: scale(0);
		            transform: scale(0); }
		  50% {
		    -webkit-transform: scale(1);
		            transform: scale(1); } }
		
		@keyframes sk-doubleBounce {
		  0%, 100% {
		    -webkit-transform: scale(0);
		            transform: scale(0); }
		  50% {
		    -webkit-transform: scale(1);
		            transform: scale(1); } }
	</style>

	</head>
	<body>
	<div id="reloade">
		<div class="sk-double-bounce">
	        <div class="sk-child sk-double-bounce1"></div>
	        <div class="sk-child sk-double-bounce2"></div>
	    </div>
	</div>
	
	<div id="fh5co-page">
	<header id="fh5co-header" role="banner">
				<a href="/"><img class="hidden-xs" style="position: absolute;top: 10px; left: 20px;" src="../../../../Public/images/logo.png" width="180px"height="60px"/></a>
		<div class="container">
			<div class="header-inner">
				<h1 class="visible-xs-block"><a href="/">ISG</a></h1>
				<nav role="navigation">
					<ul>
						<li><a href="/" >首页</a></li>
						<foreach name="navs" item="nav">
							<li <if condition="$nav['menu_id'] eq $catid">class="active"</if> ><a href="/index.php?c=cat&id={$nav.menu_id}">{$nav.name}</a></li>
						</foreach>
						<li><a href="/index.php?c=mood&a=index" >心晴</a></li>
						<li class="cta"><a href="/index.php?c=GuestBook&a=index">水一发</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>
